<template>
    <div class="main-article-wrap">
        <div class="desc">
            <div class="slide-wrapper">
                <mt-swipe :auto="4000">
                    <mt-swipe-item v-for="item in imgs"><img :src="item"></mt-swipe-item>
                </mt-swipe>
            </div><br>
            <div v-html="descString"></div>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
    import Vue from 'vue';
    import base from '../../common/js/base.js'
    import BScroll from 'better-scroll';
    import { Swipe, SwipeItem } from 'mint-ui';
    Vue.component(Swipe.name, Swipe);
    Vue.component(SwipeItem.name, SwipeItem);
    export default {
        data() {
            return {
                imgs: [],
                descString: ''
            }
        },
        created() {
            this.showskill();
        },
        methods: {
            showskill() {
                if(base.getQueryString('type') == 'marine'){
                    switch(parseInt(base.getQueryString('skillid'))) {
                        case 0:
                            this.imgs = [
                                './static/img/marine/gdzy/1-1.jpg',
                                './static/img/marine/gdzy/1-2.jpg',
                                './static/img/marine/gdzy/1-3.jpg'
                            ];
                            this.descString = '<p class="text">船厂：广东中远船务有限公司</p><p class="text">船东：VROON</p> <p class="text">船型：PX121</p><p class="text">设备：2X3512C +2XC32</p> <p class="text">成套说明：</p> <table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">CAT 3512C</span></td></tr> <tr><td>发电机：</td><td>LSA52.2 M60/4P</td></tr> <tr><td>安装方式：</td><td>发电机刚性安装在公共底座上，发动机弹性安装在公共底座上，发动机与发电机高弹连接</td></tr> <tr><td>功率：</td><td>1550ekW</td></tr> <tr><td>电压：</td><td>690V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">CAT C32</span></td></tr> <tr><td>发电机：</td><td>LSA50.1 M60/4P</td></tr> <tr><td>安装方式：</td><td>发电机刚性安装在公共底座上，发动机弹性安装在公共底座上，发动机与发电机高弹连接</td></tr> <tr><td>功率：</td><td>910ekW</td></tr> <tr><td>电压：</td><td>690V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table>'
                        break;

                        case 1:
                            this.imgs = [
                                './static/img/marine/zjzc/1-1.jpg',
                                './static/img/marine/zjzc/1-2.jpg'
                            ];
                            this.descString = '<p class="text">船厂：浙江造船有限公司</p><p class="text">船东：深圳华威公司</p><p class="text">船型：35ML PSV</p><p class="text">设备：4XCAT3516C MG</p><p class="text">成套说明：</p><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">3516C</span></td></tr> <tr><td>发电机：</td><td>AMG 0500LL04 DAA</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>2000ekw</td></tr> <tr><td>电压：</td><td>690V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table>';
                        break;

                        case 2:
                            this.imgs = [
                                './static/img/marine/zszg/1-1.jpg',
                                './static/img/marine/zszg/1-2.jpg'
                            ];
                            this.descString = '<p class="text">船厂：招商重工（江苏）有限公司</p> <p class="text">船东：TYM Pte Ltd / Singapore</p> <p class="text">船型：94.2m multi-purpose jack-up</p> <p class="text">设备：4XCAT3512C MG  1XC18 EG</p> <p class="text">成套说明：</p><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">3512C</span></td></tr> <tr><td>发电机：</td><td>AMG 0500MJ04 DAP</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>1700ekW</td></tr> <tr><td>电压：</td><td>690V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">C18</span></td></tr> <tr><td>发电机：</td><td>AMG 0400BB04 DAPM</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>525ekW</td></tr> <tr><td>电压：</td><td>440V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table>';
                        break;

                        case 3:
                            this.imgs = [
                                './static/img/marine/zstpy/1-1.jpg',
                                './static/img/marine/zstpy/1-2.jpg'
                            ];
                            this.descString = '<p class="text">船厂：舟山太平洋</p><p class="text">船东：TBA</p><p class="text">船型：DP2多用途工作船</p><p class="text">设备：1XC32 EG</p><p class="text">成套说明：</p><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">CAT C32</span></td></tr> <tr><td>发电机：</td><td>SR5</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>940ekW</td></tr> <tr><td>电压：</td><td>690V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table>'
                        break;

                        case 4:
                            this.imgs = [
                                './static/img/marine/hdzh/1-1.jpg',
                                './static/img/marine/hdzh/1-2.jpg'
                            ];
                            this.descString = '<p class="text">船厂：沪东中华</p><p class="text">船东：中远海运能源</p><p class="text">船型：17.4万立方米LNG运输船</p><p class="text">设备：1XC32 EG</p><p class="text">成套说明：</p><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">CAT C32</span></td></tr> <tr><td>发电机：</td><td>Stamford PM734A2</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>850kW</td></tr> <tr><td>电压：</td><td>450V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr> </table>'

                        break;
                        case 5:
                            this.imgs = [
                                './static/img/marine/hdzh/1-1.jpg',
                                './static/img/marine/hdzh/1-2.jpg'
                            ];
                            this.descString = '<p class="text">船厂：镇江造船集团</p><p class="text">船东：OTTO</p><p class="text">船型：85工作船</p><p class="text">设备：4XC32MG 1XC9 EG</p><p class="text">成套说明：</p><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">CAT C32</span></td></tr> <tr><td>发电机：</td><td>AMG 0400EE04 DAAM</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>740ekW</td></tr> <tr><td>电压：</td><td>440V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr></table><table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">203ekW</span></td></tr> <tr><td>发电机：</td><td>LSA 46.2 L6</td></tr> <tr><td>安装方式：</td><td>发动机与发电机刚性安装在公共底座上，中间高弹连接，底座下公共减振</td></tr> <tr><td>功率：</td><td>740ekW</td></tr> <tr><td>电压：</td><td>440V</td></tr> <tr><td>频率：</td><td>60HZ</td></tr> <tr><td>转速：</td><td>1800rpm</td></tr></table>'
                        break;
                    }
                } else {
                   switch(parseInt(base.getQueryString('skillid'))) {
                       case 0:
                           this.imgs = [
                               './static/img/industrialin/1-1.jpg',
                               './static/img/industrialin/1-2.jpg',
                               './static/img/industrialin/1-3.jpg'
                           ];
                        this.descString = '<p class="text">客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：金鹰重型工程机械有限公司</p><p class="text">应用类型：GMC-96X 钢轨打磨车</p> <p class="text">动力设备：4XC27</p> <p class="text">成套说明：</p> <table class="table table-border"> <tr><td>发动机：</td><td><span class="text-orange">CAT C27</span></td></tr> <tr><td>发电机：</td><td>KATO 102-67044</td></tr> <tr><td>安装方式：</td><td>罩壳刚性连接，公共安装底座</td></tr> <tr><td>功率：</td><td>590KW</td></tr> <tr><td>电压：</td><td>600V</td></tr> <tr><td>频率：</td><td>120HZ</td></tr> <tr><td>转速：</td><td>1800RPM</td></tr> </table>'
                        break;
                   }
                }                
            }
        }
    }
</script>

<style lang="less" rel="stylesheet/less">
    @import '../../common/less/index.less';
    .main-article-wrap{
        width:100%;overflow: hidden;
    }
    .desc {
            width: 100%;            
            .text {
                padding: 3px 15px;
                display: block;
                color: @color-text-333;
                line-height: 18px;
                font-size: @font-size-small
            }
            .desc-title {
                color: @color-text-333;
                font-size: @font-size-meduim-x;
            }
        }
    .table{
        margin: 5px auto 30px;
        color:@color-text-666;
        width:94%;
    }
    .table-border{
        td:nth-child(odd){text-align: right;min-width: 70px;}
        td{border: 1px solid #c5c5c5;font-size: @font-size-small-s;padding:10px 5px;}
        .text-orange{color:@color-bg-active;}
    }
    .slide-wrapper {
        height: 240px;
        .mint-swipe-indicators{
            bottom:20px;
        }
        .mint-swipe-indicator.is-active {
            background: @color-bg-active;
            opacity: 1;
        }
        img {
            max-width: 100%;
        }
    }
</style>